<template>
  <div class="q-home">
    <n-layout position="absolute" :native-scrollbar="false">
      <n-layout-header style="height: 12vh">
        <QuestionHead> </QuestionHead>
      </n-layout-header>
      <n-layout-content position="absolute" style="top: 12vh" class="q-out">
        <router-view v-slot="{ Component }">
          <component :is="Component" />
        </router-view>
      </n-layout-content>
    </n-layout>
  </div>
</template>

<script setup lang="ts">
import QuestionHead from './components/QuestionHead.vue';
</script>

<style scoped lang="scss">
.q-home {
  height: 100vh;
  width: 100vw;
}
.q-out {
  background-color: rgb(255, 255, 255, 0);
}
</style>
